<!--这是添加资源组件-->
<template>
	<div>
		<p class="filter"></p>
		<div class="addBox">
			<h3 class="fixTitle">
				<span>发布资源</span>
				<p>
					<em style="cursor: pointer;" ><svg-icon icon-class="jian" class="font-size16"/></em><em style="cursor: pointer;"><svg-icon class="font-size16" icon-class="fullScreen" /></em><em style="cursor: pointer;" @click="closeAdd"><svg-icon icon-class="cha" class="font-size16" /></em>
				</p>
			</h3>
			<div style="margin-top: 40px;">
				<div style="padding-top: 10px;">
					<h1 class="text-c">请选择资源发布类型</h1>
					<div class="text-c" style="margin: 40px 0 20px;">
						<p class="rsource-type">供</p>
						<hr />
					</div>
					<p class="text-c">
						<el-button size="small" @click="judge(0)">项目</el-button>
						<el-button size="small" @click="judge(1)">资金</el-button>
						<el-button size="small" @click="judge(2)">场地</el-button>
						<el-button size="small" @click="judge(3)">人脉</el-button>
					</p>
					<div class="text-c" style="margin: 20px 0;">
						<p class="rsource-type">求</p>
						<hr />
					</div>
					<p class="text-c">
						<el-button size="small" @click="judge(4)">项目</el-button>
						<el-button size="small" @click="judge(5)">资金</el-button>
						<el-button size="small" @click="judge(6)">场地</el-button>
						<el-button size="small" @click="judge(7)">人脉</el-button>
					</p>
				</div>
				<p style="text-align: center;line-height: 80px;margin-top: 40px;">
					<el-button type="primary" @click="closeAdd">下一步</el-button>
				</p>
			</div>
		</div>
	</div>
</template>
<script>
import Sticky from '@/components/Sticky'
export default {
  components: {
    Sticky
  },
  data() {
    return {
      radio: null,
      userName: '',
      user: {
        id: 0,
        img: '../../../../build/logo.png',
        name: 'Xxxxx'
      },
      clickId: null // 判断点击的哪个按钮
    }
  },
  methods: {
    closeAdd() {
      this.$emit('hideAdd', this.clickId)
    },
    judge(id) {
      this.clickId = id
    }
  }
}
</script>
<style scoped>
	p,h3,h1 {margin:0;padding:0}
	h3 em{
		padding: 0 5px;
		font-style: normal;
	}
	h3 em:hover{
		color: #0E90D2;
	}
	.font-size16{
		font-size: 16px;
	}
	.fixTitle{
		font-weight: 500;
		font-size: 14px;
		height: 36px;
		background: #eee;
		border-bottom: 1px solid #ddd;
		position: fixed;
		width: 700px;
		line-height: 36px;
		padding: 0 10px;
		z-index: 98;
	}
	.fixTitle p{
		position: absolute;
		right: 20px;
		top: 0px;
	}
	.filter {
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,.3);
		position: fixed;
		left: 0;
		top: 0;
		z-index: 90;
	}
	.addBox {
		width: 700px;
		height: 500px;
		overflow: auto;
		background: #fff;
		position: fixed;
		left: 25%;
		top: 15%;
		z-index: 120;
	}
	h1{
		font-weight: 500;
		font-size: 30px;
		color: #333;
	}
	.text-c{
		text-align: center;
	}
	hr{
		height: 1px;
	    border: none;
	    border-top: 1px solid #dddddd;
	    width: 40px;
	    margin: 0 auto 0 auto;
	}
	.rsource-type{
		line-height: 30px;
		font-size: 18px;
		margin: 10px 0;
	}
</style>